<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>
JS极简练习
</title>
<style>
  li {color: blue;}
  .js li {color: red;}
</style>
<script>
  var a = ['HTML', 'CSS', "JavaScript"]
  document.write('网页开头：')
  document.write('<ul>')
  for (var j=0; j<a.length; j++){
    document.write('<li>'+a[j]+'</li>')
  }
  document.write('</ul>')
</script>

<script type="text/javascript">
  document.body.onclick = ()=>alert("Hello World")
</script>
</head>
<body></body>
<div>Hello world</div>
<script>
  document.write('网页中：')
  var a = ['标签', '选择器', '布局', "特效"]
  
  document.write('<ol>')
  for (var j=0; j<a.length; j++){
    document.write('<li>'+a[j]+'</li>')
  }
  document.write('</ol>')
  document.close()
</script>
<div>你好世界</div>
<script>
  document.write('Bonjour')
  document.close()
</script>
</html>
